<template>
  <view class="user-index" style="padding-top: 0px">
    <CustomNavbarHome :isFixed="false" :left="0" />
    <view class="user-header-inner" @click="toLogin">
      <view class="user-info">
        <view class="photo">
          <image
            mode="aspectFill"
            :src="userInfoStore.avatar || '../../static/images/d_avatar.png'"
          />
        </view>
        <view class="info">
          <view class="name">
            <text>
              <span>{{ userInfoStore.nickname || 'Login' }}</span>
            </text>
          </view>
          <view class="tel">
            <text style="color: rgb(255, 255, 255)">
              <span>ID:{{ userInfoStore.id }}</span>
            </text>
          </view>
        </view>
      </view>
      <view>
        <image style="width: 12rpx; height: 22rpx" src="../../static/images/uRT-BSfygmJ8.png" />
      </view>
    </view>
    <!-- <view class="mainCopyright d-b-c"></view> -->
    <view class="mainVip d-b-c" @click="jumpView('/pages/user/member/index')">
      <view class="left d-s-c">
        <image style="width: 58rpx; height: 40rpx" src="../../static/images/hg-CAyI4f1f.png" />
        <view class="row">
          <text class="text1 text">
            <span>BtcShort VIP</span>
          </text>
          <text class="text2 text">
            <span>Subscribe to watch all episodes</span>
          </text>
        </view>
      </view>
      <image style="width: 38rpx; height: 38rpx" src="../../static/images/re-Xhlk23GZ.png" />
    </view>
    <view class="my_account">
      <view class="header d-b-c" @click="jumpView('/pages/home/backend')">
        <text class="title">
          <span>my wallet</span>
        </text>
        <view class="det d-b-c">
          <text>
            <span> Details</span>
          </text>
          <image
            style="width: 12rpx; height: 22rpx; margin-left: 30rpx"
            src="../../static/images/uRT-BSfygmJ8.png"
          />
        </view>
      </view>
      <view class="top d-b-c" @click="jumpView('/pages/user/integral/recharge')">
        <view class="left">
          <text class="num">
            <span>{{userInfo.score}}</span>
          </text>
          <text class="Coins">
            <span>Coins</span>
          </text>
        </view>
        <view class="right_but"> Recharge </view>
      </view>
    </view>
    <view class="option_list">
      <view
        class="item d-c-c"
        v-for="(item, index) in menuList"
        :key="index"
        @click="jumpView(item.path + '?d=' + JSON.stringify(item))"
      >
        <image style="width: 110rpx; height: 110rpx" :src="item.icon" />
        <text class="text">
          <span>{{ item.name }}</span>
        </text>
      </view>
    </view>
    <!--  #ifdef H5 -->
    <view style="height: 100rpx"></view>
    <!-- #endif -->
  </view>
</template>

<script>
import { mapActions, mapGetters } from 'vuex'
import CustomNavbarHome from '../../components/CustomNavbar-home.vue'
export default {
  components: { CustomNavbarHome },
  data() {
    return {
      userInfoStore: this.$store.state.user.userInfo,
      cardList: [
        {
          id: 1,
          img: 'https://img.nymaite.com/video_short/icons/menu_2.png',
          text: 'Watch History',
          path: '/pages/video/record',
          width: '32rpx'
        }
        // { id: 2, img: 'https://img.nymaite.com/video_short/icons/menu_3.png', text: '申请分销商', path: '/pages/user/dealer/index' },
        // { id: 3, img: 'https://img.nymaite.com/video_short/icons/menu_4.png', text: '分享赚钱', path: '/pages/user/share/index' },
        // { id: 4, img: 'https://img.nymaite.com/video_short/icons/menu_1.png', text: '卡密兑换', path: '' },
      ],
      menuList: [
        {
          id: 1,
          icon: require('../../static/icons/1.png'),
          name: 'Watch',
          path: '/pages/video/record'
        },
        {
          id: 2,
          icon: require('../../static/icons/2.png'),
          name: 'Order',
          path: '/pages/order/index'
        },
        {
          id: 2,
          icon: require('../../static/icons/4.png'),
          name: 'invite',
          path: '/pages/user/share/index'
        },
        // {
        //   id: 2,
        //   icon: require("../../static/icons/1.png"),
        //   name: 'jf',
        //   path: '/pages/user/integral/recharge'
        // },
        {
          id: 36,
          icon: require('../../static/icons/7.png'),
          name: 'Privacy',
          path: '/pages/user/info/richtext'
        },
        {
          id: 37,
          icon: require('../../static/icons/6.png'),
          name: 'About Us',
          path: '/pages/contact/contact'
        },
        {
          id: 2,
          icon: require('../../static/icons/8.png'),
          name: 'Settings',
          path: '/pages/setting/index'
        },
        // {
        //   id: 38,
        //   icon: 'https://img.nymaite.com/video_short/icons/list_3.png',
        //   name: 'Legal Agreement',
        //   path: ''
        // },
        // {
        //   id: 35,
        //   icon: 'https://img.nymaite.com/video_short/icons/list_5.png',
        //   name: 'Contact Us',
        //   path: ''
        // },
        // {
        //   id: 10,
        //   img: '../../static/icons/svg/home_share.svg',
        //   text: '分享赚钱',
        //   width: '36rpx',
        //   rid: '',
        //   path: 'https://njhengyu.top/app'
        // },
        // {
        //   id: 5,
        //   img: 'https://img.nymaite.com/video_short/icons/list_5.png',
        //   width: '32rpx',
        //   text: '联系我们',
        //   rid: ''
        // },
        // {
        //   id: 37,
        //   icon: 'https://img.nymaite.com/video_short/icons/list_3.png',
        //   name: 'About Us',
        //   path: ''
        // }
      ]
    }
  },
  computed: { ...mapGetters('user', ['token', 'userInfo']) },
  watch: {
    userInfo: {
      deep: true,
      handler: function (newValue, oldValue) {
        this.userInfoStore = newValue
      }
    }
  },
  onShow() {
    this.getUserInfo()
    console.log(this.userInfo,'score')
    // this.loadMenu()
  },
  onUnload() {
    uni.$off('updateUserInfo')
  },
  methods: {
    ...mapActions('user', ['getUserInfo']),
    toLogin() {
			
      this.jumpView(this.userInfoStore.id ? '/pages/user/info/index' : '/pages/login/login')
    }
  }
}
</script>

<style lang="less" scoped>
.user-index {
  font-family: Source Han Sans SC;
  min-height: 100vh;
}

.user-index .user-header-inner {
  padding: 0 52rpx 42rpx 34rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.user-index .user-header-inner .user-info {
  display: flex;
  align-items: center;
}

.user-index .user-header-inner .user-info .photo {
  margin-right: 30rpx;
}

.user-index .user-header-inner .user-info .photo image {
  width: 142rpx;
  height: 142rpx;
  border-radius: 50%;
}

.user-index .user-header-inner .user-info .info {
  display: flex;
  flex-direction: column;
}

.user-index .user-header-inner .user-info .info .name {
  font-family: Adobe Heiti Std;
  font-weight: 400;
  font-size: 42rpx;
  color: #fff;
  margin-bottom: 40rpx;
  display: flex;
}

.user-index .user-header-inner .user-info .info .name .vip {
  width: 38rpx;
  height: 48rpx;
  margin-left: 14rpx;
}

.user-index .user-header-inner .user-info .info .tel {
  font-size: 24rpx;
  font-family: Adobe Heiti Std;
}

.user-index .my_account {
  margin: 0 16rpx 60rpx 34rpx;
  font-family: Adobe Heiti Std;
}

.user-index .my_account .header {
  margin: 0 24rpx;
}

.user-index .my_account .header .det {
  font-size: 38rpx;
  color: #fff;
  font-weight: 500;
}

.user-index .my_account .header .title {
  font-family: Adobe Heiti Std;
  font-weight: 400;
  font-size: 42rpx;
  color: #fff;
  font-weight: 500;
}

.user-index .my_account .top {
  margin-top: 30rpx;
  background-image: url(../../static/images/acc_bg-dz16wXGg.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 695rpx;
  height: 184rpx;
  position: relative;
}

.user-index .my_account .top .left {
  margin-left: 42rpx;
  font-family: Adobe Heiti Std;
}

.user-index .my_account .top .left .num {
  font-size: 78rpx;
  color: #fff;
  font-weight: 500;
}

.user-index .my_account .top .left .Coins {
  font-size: 20rpx;
  color: #a4a1e3;
  margin-left: 14rpx;
}

.user-index .my_account .top .right_but {
  position: absolute;
  top: 70rpx;
  right: 24rpx;
  font-weight: 500;
  font-weight: 400;
  font-size: 38rpx;
  color: #fff;
}

.user-index .mainCopyright {
  margin: 24rpx 16rpx 0 34rpx;
  background-image: url('../../static/images/CRBG-CzvnRzk2.png');
  background-repeat: no-repeat;
  background-size: 100%;
  width: 695rpx;
  height: 140rpx;
  padding: 8rpx 34rpx 6rpx 32rpx;
  box-sizing: border-box;
}

.user-index .mainVip {
  margin: 34rpx 16rpx 72rpx 34rpx;
  background-image: url('../../static/images/vipBG-Dq8WhyAe.png');
  background-size: cover;
  width: 695rpx;
  padding: 8rpx 34rpx 6rpx 32rpx;
  box-sizing: border-box;
  border-radius: 24rpx;
}

.user-index .mainVip .row {
  display: flex;
  flex-direction: column;
}

.user-index .mainVip .text {
  font-size: 26rpx;
  font-family: Adobe Heiti Std;
  font-weight: 400;
  color: #fff;
  margin-left: 30rpx;
}

.user-index .mainVip .text1 {
  font-size: 52rpx;
  font-family: Source Han Sans SC;
  font-weight: 500;
}

.user-index .mainVip .text2 {
  margin-top: 34rpx;
  margin-left: 110rpx;
}

.user-index .option_list {
  padding: 0 35rpx;
  display: grid;
  grid-template-columns: repeat(4, 21.5%); //280rpx 240rpx 250rpx 400rpx;
  row-gap: 20rpx;
  column-gap: 20rpx;
  justify-items: center;
  align-items: center;
}

.user-index .option_list .item {
  margin-bottom: 58rpx;
  flex-direction: column;
}

.user-index .option_list .item .text {
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 25rpx;
  color: #fff;
  margin-top: 30rpx;
  text-align: center;
}

.user-index .option_list .line {
  border-top: 2rpx solid #38383a;
  margin-bottom: 62rpx;
}
* {
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

html,
body {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
}

body {
  overflow-x: hidden;
  font-size: 32rpx;
}

uni-app,
uni-page,
uni-page-wrapper,
uni-page-body {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

uni-page-wrapper {
  position: relative;
}

#app,
uni-app,
uni-page,
uni-page-wrapper {
  height: 100%;
}

.uni-mask {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.uni-fade-enter-active,
.uni-fade-leave-active {
  transition-duration: 0.25s;
  transition-property: opacity;
  transition-timing-function: ease;
}

.uni-fade-enter-from,
.uni-fade-leave-active {
  opacity: 0;
}

.uni-loading,
uni-button[loading]:before {
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=);
  background-repeat: no-repeat;
}

.uni-loading {
  width: 40rpx;
  height: 40rpx;
  display: inline-block;
  vertical-align: middle;
  animation: uni-loading 1s steps(12, end) infinite;
  background-size: 100%;
}

@keyframes uni-loading {
  0% {
    transform: rotate3d(0, 0, 1, 0);
  }

  to {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

html {
  --primary-color: #007aff;
  --UI-BG: #fff;
  --UI-BG-1: #f7f7f7;
  --UI-BG-2: #fff;
  --UI-BG-3: #f7f7f7;
  --UI-BG-4: #4c4c4c;
  --UI-BG-5: #fff;
  --UI-FG: #000;
  --UI-FG-0: rgba(0, 0, 0, 0.9);
  --UI-FG-HALF: rgba(0, 0, 0, 0.9);
  --UI-FG-1: rgba(0, 0, 0, 0.5);
  --UI-FG-2: rgba(0, 0, 0, 0.3);
  --UI-FG-3: rgba(0, 0, 0, 0.1);
}

body:after {
  position: fixed;
  content: '';
  left: -2000rpx;
  top: -2000rpx;
  animation: shadow-preload 0.1s;
  animation-delay: 3s;
}

@keyframes shadow-preload {
  0% {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png);
  }

  to {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png);
  }
}

.uni-async-error {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #999;
  padding: 200rpx 20rpx;
  text-align: center;
}

.uni-async-loading {
  box-sizing: border-box;
  width: 100%;
  padding: 100rpx;
  text-align: center;
}

.uni-async-loading .uni-loading {
  width: 60rpx;
  height: 60rpx;
}

uni-page-head {
  display: block;
  box-sizing: border-box;
}

.uni-page-head {
  position: fixed;
  left: var(--window-left);
  right: var(--window-right);
  height: 88rpx;
  height: calc(88rpx + constant(safe-area-inset-top));
  height: calc(88rpx + env(safe-area-inset-top));
  padding: 14rpx 6rpx;
  padding-top: calc(14rpx + constant(safe-area-inset-top));
  padding-top: calc(14rpx + env(safe-area-inset-top));
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  box-sizing: border-box;
  z-index: 998;
  color: #fff;
  background-color: #000;
  transition-property: all;
}

.uni-page-head * {
  box-sizing: border-box;
}

.uni-page-head .uni-btn-icon {
  overflow: hidden;
  min-width: 1em;
  font-style: normal;
}

.uni-page-head-titlePenetrate,
.uni-page-head-titlePenetrate .uni-page-head-bd,
.uni-page-head-titlePenetrate .uni-page-head-bd * {
  pointer-events: none;
}

.uni-page-head-titlePenetrate * {
  pointer-events: auto;
}

.uni-page-head.uni-page-head-transparent .uni-page-head-ft > div {
  justify-content: center;
}

.uni-page-head ~ .uni-placeholder {
  width: 100%;
  height: 88rpx;
  height: calc(88rpx + constant(safe-area-inset-top));
  height: calc(88rpx + env(safe-area-inset-top));
}

.uni-placeholder-titlePenetrate {
  pointer-events: none;
}

.uni-page-head-hd {
  display: flex;
  align-items: center;
  font-size: 32rpx;
}

.uni-page-head-bd {
  position: absolute;
  left: 140rpx;
  right: 140rpx;
  min-width: 0;
  -webkit-user-select: auto;
  user-select: auto;
}

.uni-page-head-btn {
  position: relative;
  width: auto;
  margin: 0 4rpx;
  word-break: keep-all;
  white-space: pre;
  cursor: pointer;
  font-size: 0rpx;
}

.uni-page-head-transparent .uni-page-head-btn {
  display: flex;
  align-items: center;
  width: 64rpx;
  height: 64rpx;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
}

.uni-page-head-btn-red-dot:after {
  content: attr(badge-text);
  position: absolute;
  right: 0;
  top: 0;
  background-color: red;
  color: #fff;
  width: 36rpx;
  height: 36rpx;
  line-height: 36rpx;
  border-radius: 36rpx;
  overflow: hidden;
  transform: scale(0.5) translate(40%, -40%);
  transform-origin: 100% 0;
}

.uni-page-head-btn-red-dot[badge-text]:after {
  font-size: 24rpx;
  width: auto;
  min-width: 36rpx;
  max-width: 84rpx;
  text-align: center;
  padding: 0 6rpx;
  transform: scale(0.7) translate(40%, -40%);
}

.uni-page-head-btn-select svg {
  vertical-align: middle;
  margin-left: 4rpx;
  transform: rotate(270deg) scale(0.8);
}

.uni-page-head-search {
  position: relative;
  display: flex;
  flex: 1;
  margin: 0 4rpx;
  line-height: 60rpx;
  font-size: 30rpx;
}

.uni-page-head-search-input {
  width: 100%;
  height: 100%;
  padding-left: 68rpx;
  text-align: left;
}

.uni-page-head-search-input .uni-input-input:disabled {
  pointer-events: none;
}

.uni-page-head-search-placeholder {
  position: absolute;
  max-width: 100%;
  height: 100%;
  padding-left: 68rpx;
  overflow: hidden;
  word-break: keep-all;
  white-space: pre;
}

.uni-page-head-search-placeholder-right {
  right: 0;
}

.uni-page-head-search-placeholder-center {
  left: 50%;
  transform: translate(-50%);
}

.uni-page-head-search-icon {
  position: absolute;
  top: 0;
  left: 4rpx;
  width: 60rpx;
  height: 60rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.uni-page-head-ft {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  font-size: 26rpx;
}

.uni-page-head__title {
  font-weight: 700;
  font-size: 32rpx;
  line-height: 60rpx;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.uni-page-head__title .uni-loading {
  width: 32rpx;
  height: 32rpx;
  margin-top: -6rpx;
}

.uni-page-head__title .uni-page-head__title_image {
  width: auto;
  height: 52rpx;
  vertical-align: middle;
}

.uni-page-head-shadow {
  overflow: visible;
}

.uni-page-head-shadow:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 10rpx;
  background-size: 100% 100%;
}

.uni-page-head-shadow-grey:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png);
}

.uni-page-head-shadow-blue:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-blue.png);
}

.uni-page-head-shadow-green:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-green.png);
}

.uni-page-head-shadow-orange:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-orange.png);
}

.uni-page-head-shadow-red:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-red.png);
}

.uni-page-head-shadow-yellow:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-yellow.png);
}

uni-page-head[uni-page-head-type='default'] ~ uni-page-wrapper {
  height: calc(100% - 88rpx);
  height: calc(100% - 88rpx - constant(safe-area-inset-top));
  height: calc(100% - 88rpx - env(safe-area-inset-top));
}

uni-tabbar {
  display: block;
  box-sizing: border-box;
  width: 100%;
  z-index: 998;
}

.uni-tabbar {
  display: flex;
  z-index: 998;
  box-sizing: border-box;
}

.uni-tabbar-top,
.uni-tabbar-bottom,
.uni-tabbar-top .uni-tabbar,
.uni-tabbar-bottom .uni-tabbar {
  position: fixed;
  left: var(--window-left);
  right: var(--window-right);
}

.uni-app--showlayout + .uni-tabbar-top,
.uni-app--showlayout + .uni-tabbar-bottom,
.uni-app--showlayout + .uni-tabbar-top .uni-tabbar,
.uni-app--showlayout + .uni-tabbar-bottom .uni-tabbar {
  left: var(--window-margin);
  right: var(--window-margin);
}

.uni-tabbar-bottom .uni-tabbar {
  bottom: 0;
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.uni-tabbar ~ .uni-placeholder {
  width: 100%;
  margin-bottom: 0;
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
}

.uni-tabbar * {
  box-sizing: border-box;
}

.uni-tabbar__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
  font-size: 0;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.uni-tabbar__bd {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.uni-tabbar__icon {
  position: relative;
  display: inline-block;
  margin-top: 10rpx;
}

.uni-tabbar__icon.uni-tabbar__icon__diff {
  margin-top: 0;
  width: 68rpx;
  height: 68rpx;
}

.uni-tabbar__icon img {
  width: 100%;
  height: 100%;
}

.uni-tabbar__iconfont {
  font-family: UniTabbarIconFont;
}

.uni-tabbar__label {
  position: relative;
  text-align: center;
  font-size: 20rpx;
}

.uni-tabbar-border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2rpx;
  transform: scaleY(0.5);
}

.uni-tabbar__reddot {
  position: absolute;
  top: 4rpx;
  right: 0;
  width: 24rpx;
  height: 24rpx;
  border-radius: 50%;
  background-color: #f43530;
  color: #fff;
  transform: translate(40%);
}

.uni-tabbar__badge {
  width: auto;
  height: 32rpx;
  line-height: 32rpx;
  border-radius: 32rpx;
  min-width: 32rpx;
  padding: 0 4rpx;
  font-size: 24rpx;
  text-align: center;
  white-space: nowrap;
}

.uni-tabbar__mid {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  background-size: 100% 100%;
}

.uni-app--showtabbar uni-page-wrapper {
  display: block;
  height: calc(100% - var(--tab-bar-height));
  height: calc(100% - var(--tab-bar-height) - constant(safe-area-inset-bottom));
  height: calc(100% - var(--tab-bar-height) - env(safe-area-inset-bottom));
}

.uni-app--showtabbar uni-page-wrapper:after {
  content: '';
  display: block;
  width: 100%;
  height: var(--tab-bar-height);
  height: calc(var(--tab-bar-height) + constant(safe-area-inset-bottom));
  height: calc(var(--tab-bar-height) + env(safe-area-inset-bottom));
}

.uni-app--showtabbar uni-page-head[uni-page-head-type='default'] ~ uni-page-wrapper {
  height: calc(100% - 88rpx - var(--tab-bar-height));
  height: calc(
    100% - 88rpx - constant(safe-area-inset-top) - var(--tab-bar-height) -
      constant(safe-area-inset-bottom)
  );
  height: calc(
    100% - 88rpx - env(safe-area-inset-top) - var(--tab-bar-height) - env(safe-area-inset-bottom)
  );
}

@font-face {
  font-family: iconfont;
  src: url(//at.alicdn.com/t/c/font_4244332_rgpyxbi4bxh.woff2?t=1695375147869) format('woff2'),
    url(//at.alicdn.com/t/c/font_4244332_rgpyxbi4bxh.woff?t=1695375147869) format('woff'),
    url(//at.alicdn.com/t/c/font_4244332_rgpyxbi4bxh.ttf?t=1695375147869) format('truetype');
}

.iconfont {
  font-family: iconfont !important;
  font-size: 32rpx;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sanjiao1:before {
  content: 'î™';
}

.icon-xuanze:before {
  content: 'î™ˆ';
}

.icon-jiantou:before {
  content: 'î™‡';
}

.icon-bofang:before {
  content: 'îš¤';
}

.icon-guanbi:before {
  content: 'î«²';
}

.icon-pingjiahaoping:before {
  content: 'î™¿';
}

.icon-yunshangchuan_o:before {
  content: 'î®³';
}

.icon-yue:before {
  content: 'î™š';
}

.icon-zhifubao:before {
  content: 'î™–';
}

.icon-haoping:before {
  content: 'î›†';
}

.icon-pingjiachaping:before {
  content: 'î™ƒ';
}

.icon-pingjiazhongping:before {
  content: 'î™„';
}

.icon-fuwuneirong:before {
  content: 'î™†';
}

.icon-sousuo:before {
  content: 'î™';
}

.icon-geren9:before {
  content: 'î˜‚';
}

.icon-huiyuan:before {
  content: 'î˜†';
}

.icon-icon-test:before {
  content: 'î˜ˆ';
}

.icon-application:before {
  content: 'î¥»';
}

.icon-hiuyuan:before {
  content: 'îš–';
}

.icon-authority:before {
  content: 'î˜¨';
}

.icon-iconset0335:before {
  content: 'î˜¼';
}

.icon-icon-test1:before {
  content: 'î˜«';
}

.icon-xinzengtuanzhang:before {
  content: 'î˜…';
}

.icon-tuanzhang:before {
  content: 'î˜¸';
}

.icon-vip:before {
  content: 'î';
}

.icon-tuichu:before {
  content: 'î˜€';
}

.icon-chanpin:before {
  content: 'î›‡';
}

.icon-yugu:before {
  content: 'î™’';
}

.icon-tongji:before {
  content: 'î™¶';
}

.icon-xinzengyonghu1:before {
  content: 'î˜·';
}

.icon-zhuye:before {
  content: 'î˜‰';
}

.icon-shangping:before {
  content: 'î˜Š';
}

.icon-VIPdingdan:before {
  content: 'îœ ';
}

.icon-chajian1:before {
  content: 'î¥¼';
}

.icon-huodong:before {
  content: 'î­';
}

.icon-caiwu1:before {
  content: 'îš½';
}

.icon-chajian:before {
  content: 'îš…';
}

.icon-xiaochengxutubiaoguilei-:before {
  content: 'î˜¡';
}

.icon-yemian:before {
  content: 'î˜';
}

.icon-gongyingshang:before {
  content: 'îš¡';
}

.icon-xiaoshoue:before {
  content: 'î¦Ž';
}

.icon-dingdanshu:before {
  content: 'îš¹';
}

.icon-zhifudingdan:before {
  content: 'î› ';
}

.icon-supplier:before {
  content: 'î˜';
}

.icon-caiwu11:before {
  content: 'î˜‘';
}

.icon-iconset03351:before {
  content: 'î›ª';
}

.icon-jifen:before {
  content: 'î˜š';
}

.icon-icon1:before {
  content: 'î™';
}

.icon-dianpu:before {
  content: 'î™‚';
}

.icon-huiyuan1:before {
  content: 'î™¾';
}

.icon-home:before {
  content: 'î˜¬';
}

.icon-chajian11:before {
  content: 'î™“';
}

.icon-zhekou:before {
  content: 'î¢';
}

.icon-tongji1:before {
  content: 'î™ ';
}

.icon-libao:before {
  content: 'îž‡';
}

.icon-authority1:before {
  content: 'î˜¤';
}

.icon-shangping1:before {
  content: 'î˜§';
}

.icon-youhuiquan:before {
  content: 'î˜¹';
}

.icon-cedaohang-zhanghao:before {
  content: 'îœ‘';
}

.icon-16:before {
  content: 'î˜•';
}

.icon-xiaoshou:before {
  content: 'î˜¢';
}

.icon-tubiaozhizuomoban-:before {
  content: 'î˜“';
}

.icon-xinzengyonghu:before {
  content: 'î˜´';
}

.icon-piliangxiadan:before {
  content: 'îš';
}

.icon-tubiao_baoyou:before {
  content: 'î˜ƒ';
}

.icon-weibiaoti2fuzhi02:before {
  content: 'î˜Ÿ';
}

.icon-shezhi:before {
  content: 'î˜¦';
}

.icon-gongzhonghaoguanli:before {
  content: 'î™¤';
}

.icon-zhibo:before {
  content: 'î';
}

.icon-Invitation:before {
  content: 'î˜©';
}

.icon-xiaoxi:before {
  content: 'î˜„';
}

.icon-kanjia:before {
  content: 'î˜”';
}

.icon-gengduopintuan:before {
  content: 'î˜–';
}

.icon-qiandao:before {
  content: 'î˜—';
}

.icon-collection:before {
  content: 'î˜˜';
}

.icon-fenxiao:before {
  content: 'î˜™';
}

.icon-manjian:before {
  content: 'î™£';
}

.icon-tuisong:before {
  content: 'î˜ž';
}

.icon-miaosha:before {
  content: 'î™…';
}

.icon-tuijian1:before {
  content: 'î˜»';
}

.icon-tupian:before {
  content: 'î™Š';
}

.icon-kefu:before {
  content: 'î˜¥';
}

.icon-diqu:before {
  content: 'î˜ ';
}

.icon-diqu1:before {
  content: 'î™›';
}

.icon-xingzhuangjiehe:before {
  content: 'î˜›';
}

.icon-gongzhonghao:before {
  content: 'î˜';
}

.icon-you:before {
  content: 'î˜®';
}

.icon-you1:before {
  content: 'îšŽ';
}

.icon-gongzhonghao1:before {
  content: 'î™¦';
}

.icon-xiaochengxu:before {
  content: 'î™€';
}

.icon-mendian:before {
  content: 'î˜œ';
}

.icon-xiaoxi1:before {
  content: 'î™';
}

.icon-youxiang:before {
  content: 'î˜';
}

.icon-yuyue:before {
  content: 'î˜¯';
}

.icon-iconset0250:before {
  content: 'îš•';
}

.icon-gantanhao:before {
  content: 'î˜°';
}

.icon-wifi:before {
  content: 'îŸ ';
}

.icon-xinhao:before {
  content: 'îž¬';
}

.icon-yonghu:before {
  content: 'î™”';
}

.icon-shanchu1:before {
  content: 'îœ­';
}

.icon-tuodong:before {
  content: 'î™Ž';
}

.icon-biaodanzujian-biaoge:before {
  content: 'î®”';
}

.icon-choujiangLottery:before {
  content: 'îž¼';
}

.icon-manjian1:before {
  content: 'î˜±';
}

.icon-fenleiorguangchangorqitatianchong:before {
  content: 'î™½';
}

.icon-quanxianmiyao:before {
  content: 'î¡Œ';
}

.icon-shezhi1:before {
  content: 'î¢¸';
}

.icon-neirong:before {
  content: 'î˜²';
}

.icon-xingzhuang:before {
  content: 'î˜³';
}

.icon-huangjiu:before {
  content: 'î˜µ';
}

.icon-renwu:before {
  content: 'î˜¿';
}

.icon-yushouxiangmu:before {
  content: 'î˜¶';
}

.icon-dingdanmanjian:before {
  content: 'îšŒ';
}

.icon-31paishe:before {
  content: 'î˜º';
}

.icon-shangchuanshipin:before {
  content: 'î˜½';
}

.icon-laxinjiangli:before {
  content: 'î˜¾';
}

.icon-weixin:before {
  content: 'î™¥';
}

.icon-QQ:before {
  content: 'î™§';
}

.icon-biaodanyemian:before {
  content: 'îŸŒ';
}

.icon-caiwu:before {
  content: 'î™º';
}

.icon-xitong:before {
  content: 'î™¼';
}

.icon-dingdan:before {
  content: 'î˜ª';
}

.icon-icon_yingyongguanli:before {
  content: 'î®';
}

.icon-kecheng-:before {
  content: 'î˜Œ';
}

.icon-Member:before {
  content: 'î˜’';
}

.icon-jiaowu:before {
  content: 'î˜‡';
}

.icon-gongnengquanxian:before {
  content: 'î˜­';
}

.icon-xitongmoxingchajian:before {
  content: 'î™œ';
}

.icon-xuexiwangke:before {
  content: 'î˜';
}

.icon-shijuanguanli_icon-01:before {
  content: 'î˜Ž';
}

.icon-tikuzidian:before {
  content: 'î˜£';
}

.icon-shanchu:before {
  content: 'îœ˜';
}

.icon-bianji:before {
  content: 'î˜‹';
}

body {
  font-size: 24rpx;
}

.container {
  padding: 20rpx;
}

.gray {
  color: #ccc;
}

.gray9 {
  color: #999;
}

.gray6 {
  color: #666;
}

.gray1 {
  color: #111;
}

.gray3 {
  color: #333;
}

.white {
  color: #fff;
}

.red {
  color: #f6220c;
}

.redF11 {
  color: #f11e0b;
}

.redEe {
  color: #ee1414;
}

.redF6 {
  color: #f6220c;
}

.redF24 {
  color: #f2473f;
}

.blue {
  color: #28a5ff;
}

.violet {
  color: #a824e4;
}

.yellow {
  color: #ffd127;
}

.orange {
  color: #ff8a00;
}

.green {
  color: #32d500;
}

.brown {
  color: #4f3a1e;
}

.golden {
  color: #a8700d;
}

.dominant {
  color: #f2473f !important;
}

.theme-price {
  color: #f2473f;
}

.theme-bg {
  background-color: #f2473f;
}

.theme-border {
  border-color: #f2473f;
}

.theme-btn {
  border: 2rpx solid;
  border-color: #f2473f;
  background-color: #f2473f;
  color: #fff;
}

.theme-linbtn {
  background-color: linear-gradient(90deg, #ff6b6b 4%, #f6220c 100%);
  color: #fff;
}

.theme-borderbtn {
  border: 2rpx solid;
  border-color: #f2473f;
  color: #f2473f;
}

uni-button {
  margin: 0;
  font-size: 30rpx;
}

uni-button.btn-gcred {
  background-color: linear-gradient(90deg, #ff6b6b 4%, #f6220c 100%);
  border: none;
  color: #fff;
}

uni-button.btn-red {
  color: #fff;
  border-radius: 52rpx;
  background: linear-gradient(45deg, #f2473f, #f26e2f);
  font-size: 30rpx;
}

uni-button.btn-blue {
  background: #28a5ff;
  color: #fff;
}

uni-button.btn-violet {
  background: #a824e4;
  color: #fff;
}

uni-button.btn-yellow {
  background: #ffd127;
  color: #fff;
}

uni-button.btn-gray {
  background: #ccc;
  color: #fff;
}

uni-button.btn-red-border {
  background: #fff;
  border: 2rpx solid #f6220c;
  color: #f6220c;
}

uni-button.btn-gray-border {
  background: #fff;
  border: 2rpx solid #cccccc;
  color: #333;
}

uni-button.btn-green {
  background: #44b549;
  color: #fff;
}

uni-button:after {
  border: none;
}

uni-button.btn-red[disabled][type='primary'],
uni-button.btn-gray-border[disabled][type='primary'] {
  background-color: #bbb;
  color: rgba(255, 255, 255, 0.6);
}

.bg-white {
  background: #fff;
}

.br12 {
  border-radius: 12rpx;
}

.border {
  border: 2rpx solid #eeeeee;
}

.border-t {
  border-top: 2rpx solid #eeeeee;
}

.border-b {
  border-bottom: 2rpx solid #eeeeee;
}

.border-b-d9 {
  border-bottom: 2rpx solid #d9d9d9;
}

.border-b-e {
  border-bottom: 2rpx solid #eeeeee;
}

.border-b-d {
  border-bottom: 2rpx solid #d9d9d9;
}

.border-red {
  border: 2rpx solid #f6220c;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.top0 {
  top: 0;
}

.right0 {
  right: 0;
}

.bottom0 {
  bottom: 0;
}

.left0 {
  left: 0;
}

.f20 {
  font-size: 20rpx;
}

.f22 {
  font-size: 22rpx;
}

.f24 {
  font-size: 24rpx;
}

.f26 {
  font-size: 26rpx;
}

.f28 {
  font-size: 30rpx;
}

.f30 {
  font-size: 32rpx;
}

.f32 {
  font-size: 34rpx;
}

.f34 {
  font-size: 30rpx;
}

.f36 {
  font-size: 38rpx;
}

.f38 {
  font-size: 40rpx;
}

.f40 {
  font-size: 42rpx;
}

.f42 {
  font-size: 44rpx;
}

.f48 {
  font-size: 50rpx;
}

.f50 {
  font-size: 52rpx;
}

.f60 {
  font-size: 62rpx;
}

.f72 {
  font-size: 74rpx;
}

.fb {
  font-weight: 700;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.o-h {
  overflow: hidden;
}

.w-b {
  word-wrap: break-word;
}

.flex-1 {
  flex: 1;
}

.svg-icon {
  width: 1em;
  height: 1em;
  overflow: hidden;
}

.svg-icon {
  width: 34rpx;
  height: 34rpx;
  color: #ccc;
}

.icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.iconfont {
  color: #ccc;
}

.box-s-b {
  box-sizing: border-box;
}

.ww100 {
  width: 100%;
}

.ww50 {
  width: 50%;
}

.ww33 {
  width: 33.33333333%;
}

.ww25 {
  width: 25%;
}

.ww20 {
  width: 20%;
}

.hh100 {
  height: 100%;
}

.p10 {
  padding: 10rpx;
}

.p20 {
  padding: 20rpx;
}

.p24 {
  padding: 24rpx;
}

.p30 {
  padding: 32rpx;
}

.p-10-0 {
  padding: 10rpx 0;
}

.p-20-0 {
  padding: 20rpx 0;
}

.p-30-0 {
  padding: 32rpx 0;
}

.p-40-0 {
  padding: 42rpx 0;
}

.p-0-10 {
  padding: 0 10rpx;
}

.p-0-20 {
  padding: 0 20rpx;
}

.p-0-30 {
  padding: 0 32rpx;
}

.pt10 {
  padding-top: 10rpx;
}

.pt16 {
  padding-top: 16rpx;
}

.pt20 {
  padding-top: 20rpx;
}

.pt24 {
  padding-top: 24rpx;
}

.pt30 {
  padding-top: 32rpx;
}

.pt40 {
  padding-top: 42rpx;
}

.pt60 {
  padding-top: 62rpx;
}

.pt200 {
  padding-top: 208rpx;
}

.pr20 {
  padding-right: 20rpx;
}

.pr100 {
  padding-right: 104rpx;
}

.pb0 {
  padding-bottom: 0;
}

.pb10 {
  padding-bottom: 10rpx;
}

.pb20 {
  padding-bottom: 20rpx;
}

.pb30 {
  padding-bottom: 32rpx;
}

.pb44 {
  padding-bottom: 46rpx;
}

.pb60 {
  padding-bottom: 62rpx;
}

.pb38 {
  padding-bottom: 40rpx;
}

.pb100 {
  padding-bottom: 104rpx;
}

.pb160 {
  padding-bottom: 166rpx;
}

.pl20 {
  padding-left: 20rpx;
}

.m20 {
  margin: 20rpx;
}

.m-0-20 {
  margin: 0 20rpx;
}

.m-0-30 {
  margin: 0 32rpx;
}

.mt10 {
  margin-top: 10rpx;
}

.mt20 {
  margin-top: 20rpx;
}

.mt24 {
  margin-top: 24rpx;
}

.mt30 {
  margin-top: 32rpx;
}

.mt35 {
  margin-top: 36rpx;
}

.mt36 {
  margin-top: 38rpx;
}

.mt50 {
  margin-top: 52rpx;
}

.mt60 {
  margin-top: 62rpx;
}

.mr6 {
  margin-right: 6rpx;
}

.mr10 {
  margin-right: 10rpx;
}

.mr20 {
  margin-right: 20rpx;
}

.mr30 {
  margin-right: 32rpx;
}

.mr40 {
  margin-right: 42rpx;
}

.mb10 {
  margin-bottom: 10rpx;
}

.mb16 {
  margin-bottom: 16rpx;
}

.mb20 {
  margin-bottom: 20rpx;
}

.mb22 {
  margin-bottom: 22rpx;
}

.mb23 {
  margin-bottom: 24rpx;
}

.mb24 {
  margin-bottom: 24rpx;
}

.mb30 {
  margin-bottom: 32rpx;
}

.ml10 {
  margin-left: 10rpx;
}

.ml20 {
  margin-left: 20rpx;
}

.ml26 {
  margin-left: 26rpx;
}

.ml30 {
  margin-left: 32rpx;
}

.ml80 {
  margin-left: 50rpx;
}

.d-f {
  display: flex;
}

.d-c-c {
  display: flex;
  justify-content: center;
  align-items: center;
}

.d-c-e {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.d-s-c {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.d-s-e {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.d-s-s {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.d-e-c {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.d-b-c {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.d-b-s {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.d-a-c {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.d-c-s {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.d-c {
  flex-direction: column;
}

.d-r {
  flex-direction: row;
}

.d-stretch {
  align-items: stretch;
  align-content: stretch;
}

.f-w {
  flex-wrap: wrap;
}

.text-l-t {
  text-decoration: line-through;
}

.lh100 {
  line-height: 100%;
}

.lh150 {
  line-height: 150%;
}

.lh200 {
  line-height: 200%;
}

.radius {
  border-radius: 50%;
}

.radius8 {
  border-radius: 8rpx;
}

.text-ellipsis {
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}

.text-ellipsis-2 {
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

uni-button:after {
  border: 0;
}

.text-d-line {
  text-decoration: line-through;
}

uni-image {
  display: block;
  vertical-align: top;
  vertical-align: text-top;
  vertical-align: bottom;
  vertical-align: text-bottom;
  font-size: 0;
}

.none-data-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 50rpx 32rpx;
}

.none-data-box uni-image {
  width: 208rpx;
}

.none-data-box uni-text {
  padding-top: 32rpx;
  font-size: 32rpx;
  color: #999;
}

.index-search-box {
  background: #efefef;
  padding: 16rpx 20rpx 18rpx;
  border-bottom: 2rpx solid #d8d8d8;
}

.index-search-box-cate {
  padding: 20rpx 20rpx 62rpx;
}

[data-theme='theme0'] .index-search-box-cate {
  background-color: #ff5704 !important;
}

[data-theme='theme1'] .index-search-box-cate {
  background-color: #19ad57 !important;
}

[data-theme='theme2'] .index-search-box-cate {
  background-color: #fc0 !important;
}

[data-theme='theme3'] .index-search-box-cate {
  background-color: #33a7ff !important;
}

[data-theme='theme4'] .index-search-box-cate {
  background-color: #e4e4e4 !important;
}

[data-theme='theme5'] .index-search-box-cate {
  background-color: #c8ba97 !important;
}

[data-theme='theme6'] .index-search-box-cate {
  background-color: #623ceb !important;
}

.index-search {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20rpx;
  height: 50rpx;
  line-height: 50rpx;
  background: #fff;
  border-radius: 16rpx;
  border: 2rpx solid #d7d7d7;
  overflow: hidden;
  font-size: 32rpx;
  color: #999;
  box-sizing: border-box;
}

.index-search-cate {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 32rpx;
  height: 62rpx;
  line-height: 62rpx;
  background: #fff;
  border-radius: 32rpx;
  border: 2rpx solid #d7d7d7;
  overflow: hidden;
  font-size: 26rpx;
  color: #999;
  box-sizing: border-box;
}

.index-search-box_re {
  background: #fff;
  padding: 14rpx 20rpx 18rpx;
}

.index-search_re {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20rpx;
  height: 62rpx;
  line-height: 62rpx;
  background: #f2f2f2;
  border-radius: 32rpx;
  overflow: hidden;
  font-size: 26rpx;
  color: #999;
  box-sizing: border-box;
}

.index-search .svg-icon {
  margin-right: 10rpx;
}

.group {
  margin-top: 20rpx;
  padding: 10rpx 32rpx;
}

.group-white {
  margin-top: 32rpx;
  padding: 10rpx 32rpx;
  border-radius: 16rpx;
  background: #fff;
}

.group-hd {
  display: flex;
  justify-content: space-between;
  height: 94rpx;
}

.group-hd .left,
.group-hd .right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.group-hd .left .name {
  margin-right: 10rpx;
  font-size: 38rpx;
  font-weight: 700;
  line-height: 94rpx;
}

.group-hd .left .min-name {
  margin-right: 10rpx;
  font-size: 32rpx;
  line-height: 94rpx;
}

.group-hd .left .svg-icon {
  margin-right: 10rpx;
}

.group-hd .left .num {
  font-size: 32rpx;
}

.group-hd .right .more {
  font-size: 30rpx;
  color: #999;
  line-height: 94rpx;
}

.group-hd .right .svg-icon {
  margin-left: 10rpx;
}

.group-bd .list {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-between;
}

.product-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.product-list .item {
  width: 352rpx;
  background: #fff;
  margin-top: 32rpx;
  border-radius: 8rpx;
}

.product-list .item uni-image {
  width: 352rpx;
  height: 352rpx;
}

.product-list .item .info {
  padding: 0 20rpx;
}

.product-list .item .name {
  height: 50rpx;
  line-height: 42rpx;
}

.product-list .item .price {
  height: 50rpx;
  line-height: 50rpx;
}

[data-theme='theme0'] .product-list .item .price {
  color: #ff4c01 !important;
}

[data-theme='theme1'] .product-list .item .price {
  color: #e31c28 !important;
}

[data-theme='theme2'] .product-list .item .price {
  color: #f55234 !important;
}

[data-theme='theme3'] .product-list .item .price {
  color: #ff4645 !important;
}

[data-theme='theme4'] .product-list .item .price {
  color: #ff4d4d !important;
}

[data-theme='theme5'] .product-list .item .price {
  color: #e7032c !important;
}

[data-theme='theme6'] .product-list .item .price {
  color: #e31c28 !important;
}

.product-list .item .unit {
  font-size: 22rpx;
}

.product-list .item .num {
  font-size: 46rpx;
}

.product-comment .group-hd,
.product-content .group-hd,
.comment-list {
  padding: 0 32rpx;
}

.comment-list .item {
  padding: 20rpx 0;
  border-top: 2rpx solid #eeeeee;
}

.comment-list .cmt-user {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.comment-list .cmt-user .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.comment-list .cmt-user .photo {
  width: 50rpx;
  height: 50rpx;
  margin-right: 20rpx;
  border-radius: 42rpx;
  background: #eee;
}

.comment-list .cmt-user .name {
  font-size: 24rpx;
}

.comment-list .cmt-user .datetime {
  font-size: 24rpx;
  color: #ccc;
}

.one-product .cover,
.one-product .cover uni-image {
  width: 166rpx;
  height: 166rpx;
}

.one-product .pro-info {
  padding: 0 32rpx;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 30rpx;
  color: #666;
}

[data-theme='theme0'] .one-product .price {
  color: #ff4c01 !important;
}

[data-theme='theme1'] .one-product .price {
  color: #e31c28 !important;
}

[data-theme='theme2'] .one-product .price {
  color: #f55234 !important;
}

[data-theme='theme3'] .one-product .price {
  color: #ff4645 !important;
}

[data-theme='theme4'] .one-product .price {
  color: #ff4d4d !important;
}

[data-theme='theme5'] .one-product .price {
  color: #e7032c !important;
}

[data-theme='theme6'] .one-product .price {
  color: #e31c28 !important;
}

.order-state {
  position: relative;
  padding: 32rpx;
  opacity: 0.8;
}

[data-theme='theme0'] .order-state {
  background-color: #ff5704 !important;
}

[data-theme='theme1'] .order-state {
  background-color: #19ad57 !important;
}

[data-theme='theme2'] .order-state {
  background-color: #fc0 !important;
}

[data-theme='theme3'] .order-state {
  background-color: #33a7ff !important;
}

[data-theme='theme4'] .order-state {
  background-color: #e4e4e4 !important;
}

[data-theme='theme5'] .order-state {
  background-color: #c8ba97 !important;
}

[data-theme='theme6'] .order-state {
  background-color: #623ceb !important;
}

[data-theme='theme0'] .order-state,
[data-theme='theme1'] .order-state,
[data-theme='theme2'] .order-state,
[data-theme='theme3'] .order-state {
  color: #fff !important;
}

[data-theme='theme4'] .order-state {
  color: #333 !important;
}

[data-theme='theme5'] .order-state,
[data-theme='theme6'] .order-state {
  color: #fff !important;
}

.order-state .icon-box .iconfont {
  font-size: 52rpx;
  color: #fff;
}

.order-state .state-cont {
  margin-left: 20rpx;
  font-size: 24rpx;
}

.order-state .dot-bg {
  width: 62rpx;
  height: 42rpx;
  right: 208rpx;
  top: 0;
  border-radius: 0 0 50% 50%/50%;
}

.order-state .dot-bg,
.order-state:after {
  content: '';
  position: absolute;
  background-image: linear-gradient(37deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.1) 78%);
}

.order-state:before {
  content: '';
  position: absolute;
  width: 104rpx;
  height: 42rpx;
  left: 0;
  bottom: 0;
  border-radius: 0 100% 0 0;
  background-image: linear-gradient(
    30deg,
    rgba(255, 255, 255, 0) 32%,
    rgba(255, 255, 255, 0.1) 69%
  );
}

.order-state:after {
  width: 52rpx;
  height: 94rpx;
  right: 0;
  bottom: 0;
  border-radius: 100% 0 0 100%/50%;
}

.add-address {
  padding: 20rpx;
}

.address-defalut-wrap {
  padding: 20rpx 32rpx;
  background: #fff;
}

.address-defalut-wrap .info {
  display: flex;
  font-size: 24rpx;
}

.address-defalut-wrap .info .state,
.address-defalut-wrap .info .type {
  padding: 2rpx 10rpx;
  margin-right: 10rpx;
  background: #f6220c;
  color: #fff;
  border-radius: 8rpx;
  font-size: 22rpx;
}

.address-defalut-wrap .info .type {
  background: #007aff;
}

.address-defalut-wrap .info .province-c-a {
  color: #666;
  line-height: 1.2;
}

.address-defalut-wrap .address {
  margin-top: 16rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.address-defalut-wrap .address uni-text {
  flex: 1;
  font-size: 34rpx;
}

.address-defalut-wrap .address .icon-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 62rpx;
  height: 62rpx;
}

.address-defalut-wrap .user {
  margin-top: 16rpx;
  font-size: 24rpx;
}

.address-defalut-wrap .user .name {
  margin-right: 10rpx;
}

.addree-bottom {
  width: 778rpx;
  height: 16rpx;
  background: #f2f2f2;
  display: flex;
  overflow: hidden;
}

.addree-bottom .stripe {
  flex: 1;
  display: flex;
}

.addree-bottom .stripe uni-text {
  display: block;
  height: 10rpx;
  transform: skew(-45deg);
}

.addree-bottom .stripe .red {
  flex: 4;
  background: #f6220c;
}

.addree-bottom .stripe .white {
  flex: 1;
  background: #fff;
}

.addree-bottom .stripe .blue {
  flex: 4;
  background: #8bb5e8;
}

.vender,
.wrap .buy-checkout,
.buyer-message {
  margin-top: 20rpx;
  background: #fff;
}

.vender .group-hd {
  padding: 0 32rpx;
  border-bottom: 2rpx solid #eeeeee;
}

.vender .list .item {
  padding: 20rpx 32rpx;
  border-bottom: 2rpx solid #eeeeee;
}

.vender .list .cover {
  width: 156rpx;
  height: 156rpx;
}

.vender .list .cover uni-image {
  width: 100%;
  height: 100%;
}

.vender .list .info {
  flex: 1;
  padding-left: 20rpx;
  box-sizing: border-box;
  overflow: hidden;
}

.vender .list .title,
.vender .list .describe {
  width: 352rpx;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.vender .list .describe {
  font-size: 24rpx;
  color: #999;
}

.vender .list .price {
  color: #333;
  font-size: 20rpx;
}

.vender .list .price .num {
  padding: 0 4rpx;
  font-size: 34rpx;
}

.vender .level-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vender .level-box .key {
  font-size: 24rpx;
  color: #999;
}

.vender .level-box .num-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.vender .level-box .icon-box {
  width: 62rpx;
  height: 62rpx;
  border: 2rpx solid #eeeeee;
  background: #f7f7f7;
}

.vender .level-box .text-wrap {
  margin: 0 4rpx;
  height: 62rpx;
  line-height: 0;
  border: 2rpx solid #eeeeee;
  background: #f7f7f7;
}

.vender .level-box .text-wrap uni-input {
  padding: 0 10rpx;
  height: 62rpx;
  line-height: 0;
  text-align: center;
  width: 50rpx;
  font-size: 24rpx;
}

.vender .total-box {
  display: flex;
  justify-content: space-between;
  padding: 0 32rpx;
  height: 50rpx;
  line-height: 50rpx;
}

.buy-checkout .item {
  min-height: 52rpx;
  line-height: 52rpx;
  padding: 32rpx;
  display: flex;
  justify-content: space-between;
  border-bottom: 2rpx solid #eeeeee;
  font-size: 26rpx;
}

.buyer-message {
  padding: 20rpx;
  font-size: 30rpx;
}

.buyer-message .textarea {
  width: 100%;
  height: 62rpx;
  line-height: 62rpx;
  padding: 10rpx;
  box-sizing: border-box;
  font-size: 30rpx;
  background: #eee;
}

.foot-pay-btns {
  position: fixed;
  padding: 0 20rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  right: 0;
  bottom: 0;
  left: 0;
  height: 280rpx;
  background: #fff;
  border-top: 2rpx solid #eeeeee;
  z-index: 99;
}

[data-theme='theme0'] .foot-pay-btns .price,
[data-theme='theme0'] .vender .total-box .price,
[data-theme='theme0'] .buy-checkout .price {
  color: #ff4c01 !important;
}

[data-theme='theme1'] .foot-pay-btns .price,
[data-theme='theme1'] .vender .total-box .price,
[data-theme='theme1'] .buy-checkout .price {
  color: #e31c28 !important;
}

[data-theme='theme2'] .foot-pay-btns .price,
[data-theme='theme2'] .vender .total-box .price,
[data-theme='theme2'] .buy-checkout .price {
  color: #f55234 !important;
}

[data-theme='theme3'] .foot-pay-btns .price,
[data-theme='theme3'] .vender .total-box .price,
[data-theme='theme3'] .buy-checkout .price {
  color: #ff4645 !important;
}

[data-theme='theme4'] .foot-pay-btns .price,
[data-theme='theme4'] .vender .total-box .price,
[data-theme='theme4'] .buy-checkout .price {
  color: #ff4d4d !important;
}

[data-theme='theme5'] .foot-pay-btns .price,
[data-theme='theme5'] .vender .total-box .price,
[data-theme='theme5'] .buy-checkout .price {
  color: #e7032c !important;
}

[data-theme='theme6'] .foot-pay-btns .price,
[data-theme='theme6'] .vender .total-box .price,
[data-theme='theme6'] .buy-checkout .price {
  color: #e31c28 !important;
}

.foot-pay-btns .price .num {
  font-size: 46rpx;
  font-weight: 700;
}

.foot-pay-btns uni-button {
  margin: 0;
  padding: 0 42rpx;
  height: 50rpx;
  line-height: 50rpx;
  border-radius: 42rpx;
  font-size: 34rpx;
}

[data-theme='theme0'] .foot-pay-btns uni-button {
  color: #fff !important;
}

[data-theme='theme1'] .foot-pay-btns uni-button {
  color: #fff !important;
}

[data-theme='theme2'] .foot-pay-btns uni-button {
  color: #fff !important;
}

[data-theme='theme3'] .foot-pay-btns uni-button {
  color: #fff !important;
}

[data-theme='theme4'] .foot-pay-btns uni-button {
  color: #fff !important;
}

[data-theme='theme5'] .foot-pay-btns uni-button {
  color: #fff !important;
}

[data-theme='theme6'] .foot-pay-btns uni-button {
  color: #fff !important;
}

[data-theme='theme0'] .foot-pay-btns uni-button {
  background: linear-gradient(-45deg, #fe632a, #ff7a04) !important;
}

[data-theme='theme1'] .foot-pay-btns uni-button {
  background: linear-gradient(0deg, #19ad57, #148d47) !important;
}

[data-theme='theme2'] .foot-pay-btns uni-button {
  background: linear-gradient(0deg, #fc4528, #fc7639) !important;
}

[data-theme='theme3'] .foot-pay-btns uni-button {
  background: linear-gradient(0deg, #1774ff, #0e6bf5) !important;
}

[data-theme='theme4'] .foot-pay-btns uni-button {
  background: linear-gradient(-45deg, #2e2e2e, #424242) !important;
}

[data-theme='theme5'] .foot-pay-btns uni-button {
  background: linear-gradient(0deg, #bfb18f, #c8ba97) !important;
}

[data-theme='theme6'] .foot-pay-btns uni-button {
  background: linear-gradient(-45deg, #592ef7, #623ceb) !important;
}

.buy-checkout .iconfont.icon-weixin {
  color: #04be01;
  font-size: 52rpx;
}

.buy-checkout .iconfont.icon-zhifubao {
  color: #1296db;
  font-size: 52rpx;
}

.buy-checkout .iconfont.icon-yue {
  color: #f0de7c;
  font-size: 52rpx;
}

[data-theme='theme0'] .buy-checkout .item.active .iconfont.icon-xuanze {
  color: #ff5704 !important;
}

[data-theme='theme1'] .buy-checkout .item.active .iconfont.icon-xuanze {
  color: #19ad57 !important;
}

[data-theme='theme2'] .buy-checkout .item.active .iconfont.icon-xuanze {
  color: #fc0 !important;
}

[data-theme='theme3'] .buy-checkout .item.active .iconfont.icon-xuanze {
  color: #33a7ff !important;
}

[data-theme='theme4'] .buy-checkout .item.active .iconfont.icon-xuanze {
  color: #e4e4e4 !important;
}

[data-theme='theme5'] .buy-checkout .item.active .iconfont.icon-xuanze {
  color: #c8ba97 !important;
}

[data-theme='theme6'] .buy-checkout .item.active .iconfont.icon-xuanze {
  color: #623ceb !important;
}

.upload-list {
  flex-wrap: wrap;
}

.upload-list .item {
  width: 228rpx;
  height: 228rpx;
  margin-top: 20rpx;
  margin-right: 16rpx;
  border: 2rpx solid #eeeeee;
  position: relative;
}

.upload-list .item:nth-child(3n),
.upload-list .item.upload-btn {
  margin-right: 0;
}

.upload-list .item,
.upload-list .item uni-image {
  width: 222rpx;
  height: 222rpx;
}

.upload-list .upload-btn .iconfont {
  font-size: 62rpx;
}

.coupon-item {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 208rpx;
  color: #fff;
}

.coupon-item .circles {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  z-index: 30;
}

.coupon-item .circles uni-text {
  display: block;
  width: 10rpx;
  height: 20rpx;
  background: #fff;
  border-radius: 0 10rpx 10rpx 0;
}

.coupon-item .info {
  position: relative;
  padding: 0 32rpx 0 42rpx;
  width: 42rpx;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 42rpx;
  line-height: 42rpx;
  border-right: 4rpx dashed rgba(255, 255, 255, 0.4);
}

.coupon-item .info:before,
.coupon-item .info:after {
  position: absolute;
  display: block;
  content: '';
  width: 32rpx;
  height: 16rpx;
  background: #fff;
  z-index: 10;
}

.coupon-item .info:before {
  top: 0;
  right: -10rpx;
  border-radius: 0 0 16rpx 16rpx;
}

.coupon-item .info:after {
  bottom: 0;
  right: -10rpx;
  border-radius: 16rpx 16rpx 0 0;
}

.coupon-item-red {
  background: #e62423;
}

.coupon-item-blue {
  background: #178ed9;
}

.coupon-item-violet {
  background: #ab0bf6;
}

.coupon-item-yellow {
  background: #f4a50b;
}

.coupon-item-gray {
  background: #999;
}

.coupon-item .operation {
  position: relative;
  height: 100%;
  padding-left: 32rpx;
  flex: 1;
  overflow: hidden;
  box-sizing: border-box;
}

.coupon-item .operation .coupon-content {
  height: 100%;
  padding: 20rpx;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-direction: column;
}

.coupon-item .btns {
  padding: 0 32rpx;
  width: 32rpx;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.coupon-item .right-box {
  padding-right: 32rpx;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.coupon-item .btns uni-button {
  text-align: 0;
  padding: 0;
  width: 32rpx;
  border-radius: 0;
  font-size: 32rpx;
  line-height: 38rpx;
}

.rule-wrap {
  overflow: hidden;
  height: 0;
}

.rule-wrap.rule-wrap-auto {
  height: auto;
}

.item-wrap .rule {
  padding: 32rpx;
  box-sizing: border-box;
  border-top: dashed 2rpx #cccccc;
  background: #fff;
}

.top-refresh {
  overflow: hidden;
  height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: height 0.5s;
}

.top-refresh.open {
  height: 100rpx;
}

.top-refresh .circle {
  width: 32rpx;
  height: 32rpx;
  margin: 0 10rpx;
  background: #ccc;
  border-radius: 50%;
  transform: scale(0);
  animation: bulge 2s infinite ease-in-out;
}

@keyframes bulge {
  50% {
    transform: scale(1);
  }
}

.top-refresh .circle:nth-child(1) {
  animation-delay: 0s;
}

.top-refresh .circle:nth-child(2) {
  animation-delay: 0.25s;
}

.top-refresh .circle:nth-child(3) {
  animation-delay: 0.5s;
}

.foot-btns {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  height: 94rpx;
  padding: 10rpx 32rpx;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 99;
  background: #fff;
  // box-shadow: 0 -2rpx 8rpx rgba(0,0,0,.1);
}

.select_spec {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 26rpx;
  color: #333;
}

.state_top {
  width: 100%;
  height: 20rpx;
}

.wx-top-right {
  width: 208rpx;
  height: 2rpx;
}

.line-h-50 {
  line-height: 52rpx;
}

.mr16 {
  margin-right: 16rpx;
}

.p32 {
  padding: 34rpx;
}

.p-34-32 {
  padding: 30rpx 34rpx;
}

.p-0-32 {
  padding: 0 34rpx;
}

.mr32 {
  margin-right: 34rpx;
}

.tl {
  text-align: left;
}

.top-nav {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding: 26rpx 24rpx;
  overflow-x: auto;
  background-color: #fff;
  border-bottom: 2rpx solid #eeeeee;
}

.top-nav .top-nav-item {
  font-size: 26rpx;
  font-weight: 400;
  color: #666;
  line-height: 52rpx;
  height: 54rpx;
  background: #fff;
  border: 2rpx solid #eeeeee;
  border-radius: 26rpx;
  padding: 0 38rpx;
  margin-right: 14rpx;
  box-sizing: border-box;
  white-space: nowrap;
}

.top-nav .top-nav-item.active {
  background: linear-gradient(45deg, #f2473f, #f26e2f);
  color: #fff;
  border-color: rgba(0, 0, 0, 0);
}

.top-search {
  padding: 18rpx 32rpx;
  background-color: #fff;
  border-bottom: 2rpx solid #eeeeee;
  box-sizing: border-box;
}

.top-search .search-box {
  background-color: #f5f6f8;
  padding: 8rpx 12rpx 8rpx 46rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 208rpx;
}

.top-search .search-box .icon-sousuo {
  margin-right: 10rpx;
  font-size: 26rpx;
  color: #999;
}

.top-search .search-box .search-input {
  height: 52rpx;
  line-height: 52rpx;
  font-size: 26rpx;
  margin-left: 10rpx;
}

.top-search .search-box .search-btn {
  width: 128rpx;
  height: 52rpx;
  border-radius: 36rpx;
  background: linear-gradient(45deg, #f2473f, #f26e2f);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 26rpx;
  margin-left: 46rpx;
}

.clear {
  clear: both;
  height: 2rpx;
  width: 100%;
  overflow: hidden;
  margin-top: -2rpx;
}

@keyframes loadingCircle {
  to {
    transform: rotate(360deg);
  }
}

.ok-btn {
  color: #fff;
  background-color: #1492d1;
  padding: 20rpx;
  font-size: 32rpx;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: calc(50% - 25vw);
  width: 50vw;
  border-radius: 6rpx;
}

.ok-btn-mp {
  color: #fff;
  background-color: #1492d1;
  padding: 20rpx;
  font-size: 32rpx;
  text-align: center;
  position: fixed;
  bottom: 40rpx;
  left: calc(50% - 25vw);
  width: 50vw;
  border-radius: 6rpx;
}

.button-box-mp {
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 100;
  bottom: 60rpx;
  right: 60rpx;
}

.button-box {
  display: flex;
  align-items: center;
  position: relative;
}

.button-box,
.button-box-mp .button-icon {
  width: 80rpx;
  height: 80rpx;
  margin-left: 40rpx;
}

// uni-page-body {
//   font-size: 24rpx;
//   background: #171521;
//   display: flex !important;
//   justify-content: center !important;
// }

// body {
//   background: #171521 !important;
// }
</style>
